<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!Doctype html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Pokker-app</title>
		<link rel="stylesheet" type="text/css" href="img/layout.css" />		
		<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
		<script src="script/poker.js" type="text/javascript"></script>
	</head>
	<body>
		<header>
			<div class="button new_game"><p>New game</p></div>
			<h1>Poker app</h1>
			<div class="options"></div>
		</header>
		<div class="middle_wrapper">
		<div class="chat">
			<div id="conversation"></div>
			<div class="say"><input type="text" name="chat" id="chat_field" value="" /></div>
			<div id="chat_send"><p>go</p></div>
		</div>
			<div class="game">
				<div class="table_wrapper">
				<div class="table">
						<div class="playerOne" id="player_1">
							<table>
								<tr><td>Player 1</td></tr>
								<tr><td id="score_1">score</td></tr>
							</table>
						</div>
						<div class="playerTwo" id="player_2">
							<table>
								<tr><td>Player 2</td></tr>
								<tr><td id="score_2">score</td></tr>
							</table>
						</div>
						<div class="playerThree" id="player_3">
							<table>
								<tr><td>Player 3</td></tr>
								<tr><td id="score_3">score</td></tr>
							</table>
						</div>
						<div class="playerFour" id="player_4">
							<table>
								<tr><td>Player 4</td></tr>
								<tr><td id="score_4">score</td></tr>
							</table>
						</div>
						<div class="playerFive" id="player_5">
							<table>
								<tr><td>Player 5</td></tr>
								<tr><td id="score_5">score</td></tr>
							</table>
						</div>
						<div class="playerSix" id="player_6">
							<table>
								<tr><td>Player 6</td></tr>
								<tr><td id="score_6">score</td></tr>
							</table>
						</div>
						<div class="playerSeven" id="player_7">
							<table>
								<tr><td>Player 7</td></tr>
								<tr><td id="score_7">score</td></tr>
							</table>
						</div>
						<div class="playerEight" id="player_8">
							<table>
								<tr><td>Player 8</td></tr>
								<tr><td id="score_8">score</td></tr>
							</table>
						</div>
						<div class="playerNine" id="player_9">
							<table>
								<tr><td>Player 9</td></tr>
								<tr><td id="score_9">score</td></tr>
							</table>
						</div>
						<div class="playerTen" id="player_0">
							<table>
								<tr><td>Player 10</td></tr>
								<tr><td id="score_0">score</td></tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>			
			<div id="footer_buttons">
				<div id="player_cards">
					
				</div>
				<div class="button fold"><p>Fold</p></div>
				<div class="button call"><p>Call</p></div>
				<div class="button raise"><p>Raise</p></div>
			</div>

		</footer>
	</body>
</html>